<%- include header %>

<div class="scroll-content has-header has-footer" style="border:1px solid #387ef5;">
    <ul class="list">
        <% posts.forEach(function (post, index) { %>
        <li class="item item-avatar-left">

            <img src="/images/<%- post.name %>.jpg" >
            <h2 style="color:darkorange;font-weight:700;"><a href="u/<%= post.name %>/<%= post.time.day %>/<%= post.title %>"><%= post.title %></a></h2>
            <p style="color:olive;font-size:12px;">
                作者：<a href="/u/<%= post.name %>"><%= post.name %></a> |
                日期：<%= post.time.minute %> |
                标签：
                <% post.tags.forEach(function (tag, index) { %>
                <% if (tag) { %>
                <a  class="tag balanced" href="/tags/<%= tag %>"><%= tag %></a>
                <% } %>
                <% }) %>
            </p>
            <p><%- post.post %></p>

        </li>
        <li class="item row">
            <p class="col-50 text-center" style="font-size:20px;color:blueviolet"><i class="icon ion-eye royal"></i> <%= post.pv %> </p>
            |
            <p class="col-50 text-center" style="font-size:20px;color:blueviolet"><i class="icon ion-android-textsms royal"></i> <%= post.comments.length %></p>
        </li>
        <li style="height:10px;background:#387ef5;"></li>
        <% }) %>
        <%- include paging %>
    </ul>
</div>

<!--<% posts.forEach(function (post, index) { %>-->
<!--<p><h2><a href="u/<%= post.name %>/<%= post.time.day %>/<%= post.title %>"><%= post.title %></a></h2></p>-->
<!--<p class="info">-->
    <!--<img style="width:25px;height:25px;border-radius: 25px;" src="/images/<%- post.name %>.jpg" >-->
    <!--作者：<a href="/u/<%= post.name %>"><%= post.name %></a> |-->
    <!--日期：<%= post.time.minute %> |-->
    <!--标签：-->
    <!--<% post.tags.forEach(function (tag, index) { %>-->
    <!--<% if (tag) { %>-->
    <!--<a class="tag" href="/tags/<%= tag %>"><%= tag %></a>-->
    <!--<% } %>-->
    <!--<% }) %>-->
<!--</p>-->
<!--<p><%- post.post %></p>-->
<!--<p class="info">阅读：<%= post.pv %> | 评论：<%= post.comments.length %></p>-->
<!--<% }) %>-->

<%- include footer %>
